﻿<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta charset="utf-8" />
<title>WDShare 西安前端交流会</title>
<meta name="keywords" content="WDShare,西安前端交流会" />
<meta name="description" content="WDShare，W3C Developer Share 西安前端开发者分享交流会" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta content="telephone=no" name="format-detection" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta name="screen-orientation" content="landscape">
<meta name="x5-orientation" content="landscape">
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="browsermode" content="application">
<meta name="x5-page-mode" content="app">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="msapplication-tap-highlight" content="no">
<link href="css/style.css" rel="stylesheet" />
</head>

<body>
<div class="ie">请升级您的浏览器吧，太古老了，至少升级到IE9以上才能浏览我们的信息。</div>

<div class="header">
  <div class="headCon maxWidth">
    <div class="hd-logo"><a href="/"><img src="img/logo.png" /></a></div>
    <ul class="hd-nav">
      <li class="hd-nav-label">
        <a href="#">线下活动</a>
        <em class="count">5</em>
        <em class="hd-nav-line"></em>
      </li>
      <li>
        <a href="#">技术文章</a>
      </li>
      <li>
        <a href="#">前端招聘</a>
      </li>
      <li class="hd-nav-hover">
        <a href="javascript:void(0)">
          实验室 <em class="icon-top-arrows"></em>
        </a>
        <div class="hd-nav-child">
          <a href="#">前端培训</a>
          <a href="#">项目展示</a>
          <a href="#">技术小组</a>
          <a href="#">换书行动</a>
        </div>
      </li>
      <li>
        <a href="#">我的主页</a>
      </li>
    </ul>
    <div class="hd-login">
      <a href="#" class="but but-blue but-login">登录</a><a href="#" class="but but-gray but-reg">注册</a>
    </div>
  </div>
</div>


<div class="inform">
  <div class="maxWidth">
    <div class="inform-con"><strong class="red">重要通知：</strong>官网正在改版，一系列规划实施中，以前的所有数据保存完整，过几天访问哈，给你一个惊喜......</div>
  </div>
</div>

<div class="activity ">
  <div class="maxWidth module">
    <h2 class="module-title">精彩活动</h2>
    <div class="activity-con">
      <div class="activity-item">
        <h3 class="activity-title"><a href="#">WDShare【前端求职、就业、面试技巧】 第5期 2015.3</a></h3>
        <div class="activity-type">
          <span class="activity-date">时间：2015-3-29 14:00 -- 18:00</span>
          <span class="activity-click">点击：987</span>
          <span class="activity-comment">评论：15</span>
        </div>
      </div>
      <div class="activity-item">
        <h3 class="activity-title"><a href="#">WDShare【年终前端大总结】 第4期 2014.12</a></h3>
        <div class="activity-type">
          <span class="activity-date">时间：2014-12-28   14:00 -- 18:00</span>
          <span class="activity-click">点击：987</span>
          <span class="activity-comment">评论：15</span>
        </div>
      </div>
      <div class="activity-item">
        <h3 class="activity-title"><a href="#">WDShare 西安交流会【前端与各位亲的协作】 第3期</a></h3>
        <div class="activity-type">
          <span class="activity-date">时间：2014-10-26 14:00 -- 18:00</span>
          <span class="activity-click">点击：987</span>
          <span class="activity-comment">评论：15</span>
        </div>
      </div>
      <div class="activity-item">
        <h3 class="activity-title"><a href="#">九月份交流会暂停【国庆快乐】</a></h3>
        <div class="activity-type">
          <span class="activity-date">时间：休息</span>
          <span class="activity-click">点击：987</span>
          <span class="activity-comment">评论：15</span>
        </div>
      </div>
      <div class="activity-item">
        <h3 class="activity-title"><a href="#">WDShare 西安交流会【面向HTML5、面向移动】 第2期</a></h3>
        <div class="activity-type">
          <span class="activity-date">时间：2014-8-31 14:00 -- 18:00</span>
          <span class="activity-click">点击：987</span>
          <span class="activity-comment">评论：15</span>
        </div>
      </div>
      <div class="activity-item">
        <h3 class="activity-title"><a href="#">WDShare 西安交流会 第1期</a></h3>
        <div class="activity-type">
          <span class="activity-date">时间：2014-7-26 14:00 -- 18:00</span>
          <span class="activity-click">点击：987</span>
          <span class="activity-comment">评论：15</span>
        </div>
      </div>
    </div>
    <div class="mudule-more"><a href="#" class="but but-blue">查看更多活动</a></div>
  </div>
</div>

<div class="mamber">
  <div class="maxWidth module">
    <h2 class="module-title">WDShare成员</h2>
    <div class="mamber-con">
      <div class="mamber-item">
        <div class="mamber-face"><a href="#"><img src="http://tp4.sinaimg.cn/2406560131/50/5662536267/1" /></a></div>
        <div class="mamber-text">
          <h3 class="mamber-title">
            <a href="#">上海-杰克</a>
            <div class="mamber-label">
              <a href="#">勋章<em></em></a>
              <ul>
                <li>群主</li>
                <li>WDShare创始团队</li>
                <li>官网贡献者</li>
                <li>WDShare技术文章贡献者</li>
              </ul>
            </div>
            <div class="mamber-label">
              <a href="#">标签<em></em></a>
              <ul>
                <li>HTML5</li>
                <li>CSS3</li>
                <li>NodeJS</li>
              </ul>
            </div>
          </h3>
          <div class="mamber-type">
            <span class="mamber-atricle">文章：3</span>
            <span class="mamber-project">项目：5</span>
            <span class="mamber-good">赞：4323</span>
            <span class="mamber-job">橄榄枝：18</span>
          </div>
        </div>
      </div>
      <div class="mamber-item">
        <div class="mamber-face"><a href="#"><img src="http://tp4.sinaimg.cn/2406560131/50/5662536267/1" /></a></div>
        <div class="mamber-text">
          <h3 class="mamber-title">
            <a href="#">上海-杰克</a>
            <div class="mamber-label">
              <a href="#">勋章<em></em></a>
              <ul>
                <li>群主</li>
                <li>WDShare创始团队</li>
                <li>官网贡献者</li>
                <li>WDShare技术文章贡献者</li>
              </ul>
            </div>
            <div class="mamber-label">
              <a href="#">标签<em></em></a>
              <ul>
                <li>HTML5</li>
                <li>CSS3</li>
                <li>NodeJS</li>
              </ul>
            </div>
          </h3>
          <div class="mamber-type">
            <span class="mamber-atricle">文章：3</span>
            <span class="mamber-project">项目：5</span>
            <span class="mamber-good">赞：4323</span>
            <span class="mamber-job">橄榄枝：18</span>
          </div>
        </div>
      </div>
      <div class="mamber-item">
        <div class="mamber-face"><a href="#"><img src="http://tp4.sinaimg.cn/2406560131/50/5662536267/1" /></a></div>
        <div class="mamber-text">
          <h3 class="mamber-title">
            <a href="#">上海-杰克</a>
            <div class="mamber-label">
              <a href="#">勋章<em></em></a>
              <ul>
                <li>群主</li>
                <li>WDShare创始团队</li>
                <li>官网贡献者</li>
                <li>WDShare技术文章贡献者</li>
              </ul>
            </div>
            <div class="mamber-label">
              <a href="#">标签<em></em></a>
              <ul>
                <li>HTML5</li>
                <li>CSS3</li>
                <li>NodeJS</li>
              </ul>
            </div>
          </h3>
          <div class="mamber-type">
            <span class="mamber-atricle">文章：3</span>
            <span class="mamber-project">项目：5</span>
            <span class="mamber-good">赞：4323</span>
            <span class="mamber-job">橄榄枝：18</span>
          </div>
        </div>
      </div>
      <div class="mamber-item">
        <div class="mamber-face"><a href="#"><img src="http://tp4.sinaimg.cn/2406560131/50/5662536267/1" /></a></div>
        <div class="mamber-text">
          <h3 class="mamber-title">
            <a href="#">上海-杰克</a>
            <div class="mamber-label">
              <a href="#">勋章<em></em></a>
              <ul>
                <li>群主</li>
                <li>WDShare创始团队</li>
                <li>官网贡献者</li>
                <li>WDShare技术文章贡献者</li>
              </ul>
            </div>
            <div class="mamber-label">
              <a href="#">标签<em></em></a>
              <ul>
                <li>HTML5</li>
                <li>CSS3</li>
                <li>NodeJS</li>
              </ul>
            </div>
          </h3>
          <div class="mamber-type">
            <span class="mamber-atricle">文章：3</span>
            <span class="mamber-project">项目：5</span>
            <span class="mamber-good">赞：4323</span>
            <span class="mamber-job">橄榄枝：18</span>
          </div>
        </div>
      </div>
      <div class="mamber-item">
        <div class="mamber-face"><a href="#"><img src="http://tp4.sinaimg.cn/2406560131/50/5662536267/1" /></a></div>
        <div class="mamber-text">
          <h3 class="mamber-title">
            <a href="#">上海-杰克</a>
            <div class="mamber-label">
              <a href="#">勋章<em></em></a>
              <ul>
                <li>群主</li>
                <li>WDShare创始团队</li>
                <li>官网贡献者</li>
                <li>WDShare技术文章贡献者</li>
              </ul>
            </div>
            <div class="mamber-label">
              <a href="#">标签<em></em></a>
              <ul>
                <li>HTML5</li>
                <li>CSS3</li>
                <li>NodeJS</li>
              </ul>
            </div>
          </h3>
          <div class="mamber-type">
            <span class="mamber-atricle">文章：3</span>
            <span class="mamber-project">项目：5</span>
            <span class="mamber-good">赞：4323</span>
            <span class="mamber-job">橄榄枝：18</span>
          </div>
        </div>
      </div>
      <div class="mamber-item">
        <div class="mamber-face"><a href="#"><img src="http://tp4.sinaimg.cn/2406560131/50/5662536267/1" /></a></div>
        <div class="mamber-text">
          <h3 class="mamber-title">
            <a href="#">上海-杰克</a>
            <div class="mamber-label">
              <a href="#">勋章<em></em></a>
              <ul>
                <li>群主</li>
                <li>WDShare创始团队</li>
                <li>官网贡献者</li>
                <li>WDShare技术文章贡献者</li>
              </ul>
            </div>
            <div class="mamber-label">
              <a href="#">标签<em></em></a>
              <ul>
                <li>HTML5</li>
                <li>CSS3</li>
                <li>NodeJS</li>
              </ul>
            </div>
          </h3>
          <div class="mamber-type">
            <span class="mamber-atricle">文章：3</span>
            <span class="mamber-project">项目：5</span>
            <span class="mamber-good">赞：4323</span>
            <span class="mamber-job">橄榄枝：18</span>
          </div>
        </div>
      </div>
    </div>
    <div class="mudule-more"><a href="#" class="but but-blue">查看所有成员</a></div>
  </div>
</div>


<div class="footer">
  <div class="footCon maxWidth">
    <div class="foot-link">
      <a href="#">了解我们</a><a href="#">沟通合作</a><a href="#">拍砖建议</a><a href="#">会议足迹</a>
    </div>
    <div class="foot-sns">
      <a class="foot-sns-qq">
        <img src="img/share-sqq.png" />
        <div class="foot-sns-note">
          QQ群：375042952【需邀请】； 284216186【完全公开】
          <em class="triangle"></em>
        </div>
      </a>
      <a class="foot-sns-weixin">
        <img src="img/share-weixin.png" />
        <div class="foot-sns-note">
          <img src="img/weixincode.jpg" />
          <span>微信号：wdshare</span>
          <em class="triangle"></em>
        </div>
      </a>
      <a href="http://weibo.com/xianjiaoliu" target="_blank" class="foot-sns-weibo">
        <img src="img/share-tsina.png" />
        <div class="foot-sns-note">
          新浪微博：@西安前端交流会
          <em class="triangle"></em>
        </div>
      </a>
    </div>
    <div class="foot-copyright">
      © 2015 WDShare  &nbsp;&nbsp; 为西安前端行业发展提供动力<br />
      感谢好友“北河”提供主机
    </div>
  </div>
</div>

</body>
</html>